<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图片插入</title>
</head>
<body>
<!-- src用来保存图片的路径 alt用来保存图片加载失败的替换文字信息-->
<!-- 从当前html文件出发去找图片资源，注意要写完整的图片名，name.suffix -->
<!-- 图片在html文件在同一级目录，直接写图片全名，图片在html文件的下一级目录，先写文件夹名，再写文件夹下的图片全名 img/1.png
图片在html文件的上一级目录，先../回到上一级目录，再写图片全名../1.png -->
<img src="1.png" alt="">
<img src="11111.png" alt="哎呀，图片被外星人偷走了">
<img src="img/2.png" alt="">
<img src="../3.png" alt=""><br>
<!--width设置图片宽度 height设置图片高度
设置尺寸时注意图片的失真问题，尽量改一个，另一个会依据图片的原始比例跟着改 -->
<img src="img/fcg.jpg" width="100px" height="200px" title="我帅吗？我好帅！">
<!-- 绝对路径：从盘符或协议开始 -->
<img src="https://cdn.tmooc.cn/bsfile//imgad///B6C9118E3E604AC6BDA8A8F3DB2A981B.png">
</body>
</html>